﻿<custom:UserControlExtended x:Class="TextGlow.Control.UI.SaveButton"
    xmlns="http://schemas.microsoft.com/client/2007" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:custom="clr-namespace:TextGlow.Control">
  <Canvas x:Name="LayoutRoot" Width="70" Height="75.833" Cursor="Hand">

    <Canvas.Resources>
      <Storyboard x:Name="MouseEnterAnimation">
        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="SaveReflect" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Duration="00:00:00.0010000">
          <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        </DoubleAnimationUsingKeyFrames>
        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="SaveReflect" Storyboard.TargetProperty="(UIElement.Opacity)">
          <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
          <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="1"/>
        </DoubleAnimationUsingKeyFrames>
      </Storyboard>
      <Storyboard x:Name="MouseLeaveAnimation">
        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="SaveReflect" Storyboard.TargetProperty="(UIElement.Opacity)">
          <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
          <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/>
        </DoubleAnimationUsingKeyFrames>
      </Storyboard>
      <Storyboard x:Name="MouseDownAnimation">
        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="SaveMouseover" Storyboard.TargetProperty="(UIElement.Opacity)">
          <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
          <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="1"/>
        </DoubleAnimationUsingKeyFrames>
      </Storyboard>
      <Storyboard x:Name="MouseUpAnimation">
        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="SaveMouseover" Storyboard.TargetProperty="(UIElement.Opacity)">
          <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
          <SplineDoubleKeyFrame KeyTime="00:00:00.4000000" Value="0"/>
        </DoubleAnimationUsingKeyFrames>
      </Storyboard>
    </Canvas.Resources>

    <Canvas.RenderTransform>
      <TransformGroup>
        <ScaleTransform ScaleX="0.4" ScaleY="0.4"/>
        <SkewTransform AngleX="0" AngleY="0"/>
        <RotateTransform Angle="0"/>
        <TranslateTransform X="0" Y="0"/>
      </TransformGroup>
    </Canvas.RenderTransform>

    <Path x:Name="SaveStatic" Width="70.4444" Height="70.6667" Stretch="Fill" StrokeThickness="4" StrokeLineJoin="Round" Stroke="#FFFFC800" Data="F1 M 53.0556,149.389L 103.5,149.389C 107.918,149.389 111.5,152.971 111.5,157.389L 111.5,208.056C 111.5,212.474 107.918,216.056 103.5,216.056L 53.0556,216.056C 48.6373,216.056 45.0556,212.474 45.0556,208.056L 45.0556,157.389C 45.0556,152.971 48.6373,149.389 53.0556,149.389 Z ">
      <Path.Fill>
        <LinearGradientBrush StartPoint="0.5,1.00798" EndPoint="0.5,-0.00798236">
          <GradientStop Color="#FFFDE588" Offset="0"/>
          <GradientStop Color="#FFFFCC00" Offset="0.401826"/>
          <GradientStop Color="#FFFDE588" Offset="1"/>
        </LinearGradientBrush>
      </Path.Fill>
    </Path>


    <Path x:Name="SaveMouseover" Width="70.444" Height="70.667" Stretch="Fill" StrokeThickness="4" StrokeLineJoin="Round" Stroke="#FFE29104" Data="F1 M 53.0556,149.389L 103.5,149.389C 107.918,149.389 111.5,152.971 111.5,157.389L 111.5,208.056C 111.5,212.474 107.918,216.056 103.5,216.056L 53.0556,216.056C 48.6373,216.056 45.0556,212.474 45.0556,208.056L 45.0556,157.389C 45.0556,152.971 48.6373,149.389 53.0556,149.389 Z " Opacity="0">
      <Path.Fill>
        <LinearGradientBrush StartPoint="0.5,1.00798" EndPoint="0.5,-0.00798236">
          <GradientStop Color="#FFFFCB00" Offset="0.01"/>
          <GradientStop Color="#FFE29104" Offset="0.683"/>
          <GradientStop Color="#FFFFCD0C" Offset="1"/>
        </LinearGradientBrush>
      </Path.Fill>
    </Path>

    <Path x:Name="SaveIcon" Width="40" Height="40.112" Fill="#FF262626" Stretch="Fill" Canvas.Left="14.889" Canvas.Top="15.555" Data="F1 M5.4450002,16.333 L25.556101,16.333 25.556101,17.66633 5.4450002,17.66633 5.4450002,16.333 z M5.4450002,11.555 L25.556101,11.555 25.556101,12.88833 5.4450002,12.88833 5.4450002,11.555 z M5.3340001,6.6659999 L25.445101,6.6659999 25.445101,7.9993401 5.3340001,7.9993401 5.3340001,6.6659999 z M-4.6660004,-19.222 L-0.22200014,-19.222 0.55621988,-19.222 3.3335497,-19.222 3.3335497,-5.1110001 27.444998,-5.1110001 27.444998,-19.178005 35.333885,-10.225083 35.333885,1.5550002 35.334,1.5550002 35.334,20.6661 30.334,20.6661 30.334,2.8888898 0.55621988,2.8888898 0.55621988,20.778 -4.6660004,20.778 -4.6660004,-19.222 z M5.3339963,-19.334 L17.667358,-19.334 17.667358,-10.445001 22.778484,-10.445001 22.778484,-19.334 26.111801,-19.334 26.111801,-6.3340001 5.3339963,-6.3340001 5.3339963,-19.334 z"/>
    <Rectangle Width="59.063" Height="19.687" StrokeLineJoin="Round" StrokeThickness="4" RadiusX="3.375" RadiusY="3.375" Canvas.Left="6.023" Canvas.Top="5.47" Fill="#7FFFFFFF" x:Name="SaveReflect" Opacity="0" RenderTransformOrigin="0.5,0.5">
      <Rectangle.RenderTransform>
        <TransformGroup>
          <ScaleTransform ScaleX="1" ScaleY="1"/>
          <SkewTransform AngleX="0" AngleY="0"/>
          <RotateTransform Angle="0"/>
          <TranslateTransform X="0" Y="0"/>
        </TransformGroup>
      </Rectangle.RenderTransform>
    </Rectangle>

  </Canvas>
</custom:UserControlExtended>